body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#333; font-size:14px; font-family: '微软雅黑' }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.container {
	width: 100%;
	color: #FFFFFF;
}
.container .full-runking {
	font-size: 1.8em;
	font-weight: bold;
	height: 200px;
	background-color: #c31e26;
}
.container .full-runking .title h3{
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	width: 50%;
	text-align: center;
}
.container .full-runking ul li {
	height: 50px;
	line-height: 50px;
}
.container .full-runking ul li div{
	float: left;
	width: 50%;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#page {
	width: 100%;
	height: 200px;
	overflow: hidden;
}
body .blooming-menu__container {
  left: 26px;
  bottom: -10px;
  top: auto;
  position: fixed;
}
.blooming-menu__item:nth-of-type(1) .blooming-menu__item-btn {
  /*background-image: url(../images/get-app.svg);*/
  background-size: 35%;
}

.blooming-menu__item:nth-of-type(2) .blooming-menu__item-btn {
  /*background-image: url(../images/grade.svg);*/
}

.blooming-menu__item:nth-of-type(3) .blooming-menu__item-btn {
  /*background-image: url(../images/home.svg);*/
}

.blooming-menu__item:nth-of-type(4) .blooming-menu__item-btn {
  /*background-image: url(../images/lock.svg);*/
  background-size: 35%;
}

.blooming-menu__item-btn:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
  opacity: 1;
}

.article-container {
	border-radius: 20px;
	padding: 10px;
	width: 90%;
	margin: 0 auto;
	margin-top:40px;
	color: #FFFFFF;
	background-color: rgba(22,33,22,0.3);
	font-size: 1.2em;
	height: 80%;
	overflow-y:scroll;
}
.article-container h2 {
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.blooming-menu__container .blooming-menu__item-btn {
	background-color: #FFFFFF;
}
.mobile-logo img{
	width: 100%;
}

.article-container h2 {
	color: rgb(255, 255, 0);
}

.container .search {
	text-align: center;
	width: 80%;
	margin:0 auto;
	margin-top:80%;

}
.container .search {
	/*border:1px solid #ccc;*/
	border-radius: 10px;
	border-right: none;
}
.container .search .search-button {
	width: 20%;
	height: 28px;
	background-image: url(../images/search-buttom.jpg);
	background-size: 100%;
	border:0px;
	margin:0px;

}
.container .search .search-input {
    width: 78%;
    height: 26px;
    border: 0px;
    border:1px solid #ccc;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.container .result {
	margin-top: 60%;
}
.container .result .search-name {
	color: #000;
	font-size: 3em;
	text-align: center;
}
.container .result .search-icon {
	width: 50px;
	margin-left: 60%;
}
.container .result .result-money {
	text-align: center;
}
.container .result .result-money .money {
	color: #c2080e;
	font-size: 4em;
	font-weight: bold;
}
.container .result .result-money .money-unit {
	color: #000;
	font-weight: bold;
}
.container .result-botton {
	position: absolute;
	bottom: 20px;
	right: 10px;
	color: #000;
}
.container .result-botton .result-date{
	text-align: right;
}
.container .result-botton .organizer {
	font-size: 1.1em;
}
.home-content {
	color: #FFFFFF;

	background-color: #FFFFFF;
	padding-bottom: 10px;
}
.home-content .home-article {
	background-color: #c31e26;
	padding: 20px;
	height: 130px;
	overflow-y:scroll;
	box-shadow: 5px 5px 5px #888888;
}
.video-play {
	width: 30px;
	height: 30px;
	position: fixed;
	top:70px;
	right: 25px;
}
.video-play img {
	width: 100%;
}
.video {
	position: absolute;
	top:0px;
	width: 100%;
	height: 100%;
	background-color:hsla(120,55%,10%,0.3);
	/*display: none;*/
}
.video video {
	position: absolute;
	z-index: 2;
	top:110px;
	width: 100%;

}

		#lanren{position: fixed;top:35px;z-index: 9999;right: 55px;}
		#lanren #audio-btn{width: 30px;height: 30px;background-size: 100% 100%;position: absolute;}
		#lanren .on{background: url('../images/music_on.png') no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
		#lanren .off{background: url('../images/music_off.png') no-repeat 0 0;}
		@-webkit-keyframes rotating {
			from{
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
		    	transform: rotate(0deg);
			}
			to{
				-webkit-transform: rotate(360deg);
				-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
		@keyframes rotating {
		    from{
		        -webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
		        transform: rotate(0deg);
		    }
		    to{
		        -webkit-transform: rotate(360deg);
				-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
		        transform: rotate(360deg);
		    }
		}